<template>
  <div id="login" class="login"></div>
</template>

<script>
export default {
  name: "WXLogin",
  data: function() {
    return {};
  },
  mounted() {
    this.wechatHandleClick();
    document.getElementsByTagName("iframe")[0].height = "390px";
    document.getElementsByTagName("iframe")[0].style.marginLeft = "30px";
  },
  methods: {
    wechatHandleClick() {
      let ba64Css = "css代码base64编码"; // 微信需要https的样式路径，这里将样式内容加密base64，可以避免使用https，如果你的网站是https的可以直接使用安官方文档使用css文件路径
      const appid = "wxb61478f072d1d3e9";
      const redirect_uri = encodeURIComponent("http://jixie.kmmyxb.com.cn/");
      //const redirect_uri = encodeURIComponent("http://localhost:8080/");
      var obj = new WxLogin({
        id: "login", //div的id
        appid: appid,
        scope: "snsapi_login", //固定内容
        redirect_uri: redirect_uri //回调地址
        //进行系统开发
        // href: "http://*/static/UserCss/WeChart.css" //自定义样式链接，第三方可根据实际需求覆盖默认样式。
        //href: "data:text/css;base64," + ba64Css
        // state: "", //参数，可带可不带
        // style: "", //样式 提供"black"、"white"可选，默认为黑色文字描述
      });

      // this.weixinRedirect(redirect_uri);
      //const { code = '' } = qs.parse(window.location.search); // 获取当前页面地址中的code参数的值

    },
    // 请求微信后台
    async weixinRedirect(url) {
      let code = url.query.code;
      let state = this.$route.query.state;
      console.log(code);
      if (code) {
        let wxTo = {
          code,
          state
        };
        //请求后台
        //  this.$http("*/WeixinRedirect", data:wxTo).then((token)=>{
        //    //登录成功，把token写入cookie
        //    //跳转到主页
        //     this.$router.replace({ path: "/", replace: true });
        //  }).catch(error => {
        //    //保持当前页面
        //    this.$router.replace({ path: "/login", replace: true });
        //   });
        // }
      }
    }
  },
  Watch() {}
};
</script>
<style lang="scss">
.qrcode {
  margin-top: 5px;
}
</style>
